<!DOCTYPE html>
<html>

<head>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="renderer" content="webkit">

<title>素材火www.sucaihuo.com - 数据表格</title>
<meta name="keywords" content="H+后台主题,后台bootstrap框架,会员中心主题,后台HTML,响应式后台">
<meta name="description"
	content="H+是一个完全响应式，基于Bootstrap3最新版本开发的扁平化主题，她采用了主流的左右两栏式布局，使用了Html5+CSS3等现代技术">

<link href="css/bootstrap.min.css?v=3.4.0" rel="stylesheet">
<link href="font-awesome/css/font-awesome.css?v=4.3.0" rel="stylesheet">

<!-- Data Tables -->
<link href="css/plugins/dataTables/dataTables.bootstrap.css"
	rel="stylesheet">

<link href="css/animate.css" rel="stylesheet">
<link href="css/style.css?v=2.2.0" rel="stylesheet">

</head>

<body>

	<div class="gray-bg dashbard-1">
		<div class="row wrapper border-bottom white-bg page-heading">
			<div class="col-lg-10">
				<h2>任务单查询</h2>
				<ol class="breadcrumb">
					<li><a href="index.html">主页</a></li>
					<li><a>分站管理</a></li>
					<li><strong>任务单查询</strong></li>
				</ol>
			</div>
			<div class="col-lg-2"></div>
		</div>
		<div class="wrapper wrapper-content animated fadeInRight">
			<div class="row">
				<div class="col-lg-12">
					<div class="ibox float-e-margins">
						<div class="ibox-title">
							<h5>查询方式</h5>
							<div class="ibox-tools">
								<a class="collapse-link"> <i class="fa fa-chevron-up"></i>
								</a> <a class="dropdown-toggle" data-toggle="dropdown"
									href="table_data_tables.html#"> <i class="fa fa-wrench"></i>
								</a>
								<ul class="dropdown-menu dropdown-user">
									<li><a href="table_data_tables.html#">选项1</a></li>
									<li><a href="table_data_tables.html#">选项2</a></li>
								</ul>
								<a class="close-link"> <i class="fa fa-times"></i>
								</a>
							</div>
						</div>
						<div class="ibox-content">
							<div class="">
								
							</div>
							<form action="servlet/lzr1Servlet" method="get">
								<table class="table table-striped table-bordered table-hover "
								id="editable">
								<thead>
									<tr>
										<th>查询要求</th>
										<th>输入</th>
										
									</tr>
								</thead>
								<tbody>
									<tr class="gradeA">
										<td>要求完成日期：</td>
										<td><input type="date" name="datename" id="dateid" value="" onBlur="dateonblur()">请满足xxxx-xx-xx格式,如1994-09-01</td>
										
									</tr>
									<tr class="gradeX">
										<td>任务类型：</td>
										<td><select name="typename">
   									<option value="所有类型">所有类型</option>
   									<option value="收款">收款</option>
   									<option value="送货收款">送货收款</option>
   									<option value="送货">送货</option>
   									<option value="退货">退货</option>
   									<option value="换货">换货</option></select></td>
									
										
									</tr>
									<tr class="gradeC">
										<td>任务状态：</td>
										<td><select name="statename" >
   									<option value="所有状态">所有状态</option>
   									<option value="可调度">可调度</option>
    	                      		<option value="可分配">可分配</option>
    	                      		<option value="已分配">已分配</option>
    	                      		<option value="已领货">已领货</option>
    	                      		<option value="完成">完成</option>
    	                      		<option value="失败">失败</option></select></td>
										
									</tr>
								
								</tbody>
								<tfoot>
									<tr class="gradeU">
									<td>请点击</td>
										<td >
										<input type="submit" value="查询" class="btn btn-primary ">
										
									
									
									</td>
								
									
									</tr>
								
								</tfoot>
							</table>
							</form>

						</div>
					</div>
				</div>
			</div>
		</div>
	</div>



	<!-- Mainly scripts -->
	<script src="js/jquery-2.1.1.min.js"></script>
	<script src="js/bootstrap.min.js?v=3.4.0"></script>
	<script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
	<script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>

	<script src="js/plugins/jeditable/jquery.jeditable.js"></script>

	<!-- Data Tables -->
	<script src="js/plugins/dataTables/jquery.dataTables.js"></script>
	<script src="js/plugins/dataTables/dataTables.bootstrap.js"></script>

	<!-- Custom and plugin javascript -->
	<script src="js/hplus.js?v=2.2.0"></script>
	<script src="js/plugins/pace/pace.min.js"></script>
	<!-- Page-Level Scripts -->
	<script>
		$(document).ready(function() {
			$('.dataTables-example').dataTable();

			/* Init DataTables */
			var oTable = $('#editable').dataTable();

			/* Apply the jEditable handlers to the table */
			oTable.$('td').editable('../example_ajax.php', {
				"callback" : function(sValue, y) {
					var aPos = oTable.fnGetPosition(this);
					oTable.fnUpdate(sValue, aPos[0], aPos[1]);
				},
				"submitdata" : function(value, settings) {
					return {
						"row_id" : this.parentNode.getAttribute('id'),
						"column" : oTable.fnGetPosition(this)[2]
					};
				},

				"width" : "90%",
				"height" : "100%"
			});

		});


		function dateonblur(){
		//alert("1111111111");
		var date=document.getElementById("dateid").value;
		//alert(date);
		var pattern=/^[0-9]{4}-[0-9]{2}-[0-9]{2}$/;
		if(!pattern.test(date)){
			alert("日期输入有误,请满足xxxx-xx-xx的形式");
		}
		return true;
	
	}
	</script>

	<script type="text/javascript"
		src="http://tajs.qq.com/stats?sId=9051096" charset="UTF-8"></script>
	<!--统计代码，可删除-->

</body>

</html>
